<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/ajax.js"></script>
    <script src="../js/utils.js"></script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
        crossorigin="anonymous">
    <link rel="stylesheet" href="../swiper-master/swiper-bundle.min.css">

    <script src="../jquery/jquery.min.js"></script>
    <script src="../swiper-master/swiper-bundle.min.js"></script>
    <script src="../js/base.js"></script>
</head>

<body>
    <div class="mi">
        <div class="header">
            <div class="header-top">
                <div class="connertain">
                    <div class="main">
                        <!-- 当判断是否登录， -->
                        <ul class="ul-1">
                            <li class="act">
                                <!-- <span>欢迎你，亲爱的张三</span>
                               
                                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2F2021%2Fedpic%2F84%2F02%2F8d%2F84028d1d4d86a2b2fa3d5675a1acbdf9_1.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1635227741&t=bd82c46bcf94ae1b7afa8b8fe782926d" alt="">
                                <span class="lognout">退出登录</span> -->
                                <a href="./login.html">登录</a>
                                <a href="./regist.html">注册</a>
                                <span>|</span>
                            </li>

                            <li>帮助中心
                                <span>|</span>
                            </li>
                            <li><i class="iconfont icon-zdgli"></i>下载APP
                                <span>|</span>
                            </li>

                            <li class="post">资质证照 / 协议规则 <i class="iconfont icon-xla"></i>
                                <div class="postActive">
                                    <p>资质证照</p>
                                    <p>协议规则</p>
                                </div>

                            </li>

                        </ul>
                    </div>
                </div>
            </div>

            <div class="header-nav-top">
                <div class="connertain">

                    <div class="nav-first">
                        <a href="./index.html">
                            <img src="https://www.xiaomiyoupin.com/static3/media/logo@2x.30cd8c00.png" alt="">
                        </a>
                    </div>
                    <div class="nav-three"><span>限时抢购</span><span>企业采购</span></div>
                    <div class="nav-four">
                        <a class="iconfont icon-jycxun " href="javascript:;"></a>
                        <input type="text" value="" placeholder="搜一搜">
                    </div>
                    <div class="nav-five"><a href="./cart.html"><i class="iconfont icon-31gouwuche"></i></a></div>
                </div>
            </div>



        </div>
        <!-- 导航栏 -->
        <div class="nav-right-fix">
            <ul>
                <li>
                    <i class="iconfont icon-erji"></i>
                    <p>联系客服</p>
                    <div class="fixed-wx-pop">
                        <div class="pop-inner">
                            <p class="info-title">小米有品平台问题，建议反馈，商户和物流问题投诉等请拨打 小米有品客服热线</p>
                            <p class="info-phone">400-100-1199</p>
                            <p class="info-day">(周一至周日 8：00-22：00)</p>
                            <p class="info-des">小米/米家自营品牌，手机电视智能硬件商品或订单发货/退款售后问题 请拨打小米自营客服热线</p>
                            <p class="info-phone">400-100-5678</p>
                            <p class="info-day">(周一至周日 8：00-18：00)</p>
                        </div><a class="m-icons m-icons-arrow-right " data-src="" href="#!"></a>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-31saoma"></i>
                    <p>下载APP</p>
                    <div class="fixed-wx-pop ">
                        <div class="pop-inner"><img class="qr-code"
                                src="https://www.xiaomiyoupin.com/static3/media/wx_code.08890cf0.png" alt="qr-code">
                            <p class="site-info">下载小米有品APP<br>得新人礼包</p>
                        </div>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-liwulipin"></i>
                    <p>新人有礼</p>
                    <div class="fixed-wx-pop ">
                        <div class="pop-inner">
                            <div class="gift-bg"></div><img class="qr-code"
                                src="https://www.xiaomiyoupin.com/static3/media/wx_code.08890cf0.png" alt="qr-code">
                            <p class="site-info">立即扫码下载·小米有品 APP</p>
                        </div>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-weixin"></i>
                    <p>关注微信</p>
                    <div class="fixed-wx-pop ">
                        <div class="pop-inner">
                            <img class="qr-code" src="https://www.xiaomiyoupin.com/static3/media/wx_code.08890cf0.png">
                            <p class="site-info">扫码关注「小米有品」微信服务号，签到积分赢大奖</p>
                        </div>
                    </div>
                </li>
                <li class="gettop">
                    <i class="iconfont icon-huojian "></i>

                    <p>回到顶部</p>
                </li>
            </ul>
        </div>

        <!-- 轮播区 -->
        <div class="banner-nav">
            <div class="bannav">
                <ul>
                    <li><span class="nav2" data-idx='5fe309e096ee9288ed504dd1'>有品推荐</span> /
                        <span class="nav2" data-idx='600538ebcff47e0001a6ba31'>手机数码</span>
                    </li>
                    <li><span class="nav2" data-idx='600538efcff47e0001da16a8'>家用电器</span> /
                        <span class="nav2" data-idx='600538f8cff47e0001a6ba33'>智能家庭</span>
                    </li>
                    <li><span class="nav2" data-idx='60053904cff47e0001da16aa'>美食酒饮</span> /
                        <span class="nav2" data-idx='60053912cff47e0001da16ac'>家具家装</span>
                    </li>
                    <li><span class="nav2" data-idx='60053918cff47e0001a6ba35'>电脑办公</span> /
                        <span class="nav2" data-idx='6005391ecff47e0001da16ae'>出行车品</span>
                    </li>
                    <li><span class="nav2" data-idx='60053924cff47e0001da16b0'>服装配饰</span> /
                        <span class="nav2" data-idx='60053933cff47e0001da16b6'>运动户外</span>
                    </li>
                    <li><span class="nav2" data-idx='6005392ecff47e0001da16b4'>健康保健</span> /
                        <span class="nav2" data-idx='60053938cff47e0001da16b8'>日用文创</span>
                    </li>
                    <li><span class="nav2" data-idx='60053929cff47e0001da16b2'>美妆个护</span> /
                        <span class="nav2" data-idx='6005393dcff47e0001da16ba'>鞋靴箱包</span>
                    </li>
                    <li><span class="nav2" data-idx='6005394ccff47e0001da16be'>家纺餐厨</span> /
                        <span class="nav2" data-idx='60053942cff47e0001da16bc'>母婴亲子</span>
                    </li>
                    <li><span class="nav2" data-idx='60053955cff47e0001da16c0'>宠物生活</span> /
                        <span class="nav2" data-idx='6005395bcff47e0001da16c2'>有品海购</span>
                    </li>
                    <li> <span data-idx='60053960cff47e0001a6ba37'>DLAB</span> </li>

                </ul>
                <div class="nav-detail">
                    <div class="sub-cate-area">
                        <div class="cate-name">家用电器</div>
                        <div class="sublist">
                            <!-- <div class="sub-nav-row">
                                <div class="sub-nav-item-row">
                                    <div class="category-2-item">
                                        <span class="name" title="热门精选">热门精选</span>
                                        <i class="iconfont icon-next"></i>
                                    </div>
                                    <div class="category-3-list">
                                        <a class="category-3-item ">超值厨电</a>
                                        <a class="category-3-item ">新品电视</a>
                                        <a class="category-3-item ">十字四门冰箱</a>
                                        <a class="category-3-item ">科沃斯新品</a>
                                        <a class="category-3-item ">云米蒸汽洗烘</a>
                                        <a class="category-3-item ">厨房电器</a>
                                        <a class="category-3-item ">新品电视</a>
                                        <a class="category-3-item ">十字四门冰箱</a>
                                        <a class="category-3-item ">科沃斯新品</a>
                                        <a class="category-3-item ">云米蒸汽洗烘</a>
                                        <a class="category-3-item ">厨房电器</a>


                                    </div>
                                </div>
                            </div> -->
                            <!-- <a href=""></a> -->


                        </div>

                    </div>

                </div>

            </div>


            <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators">
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
                        class="active" aria-current="true" aria-label="Slide 1"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                        aria-label="Slide 2"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                        aria-label="Slide 3"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"
                        aria-label="Slide 4"></button>
                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"
                        aria-label="Slide 5"></button>
                </div>
                <div class="carousel-inner">
                    <!-- <div class="carousel-item active">
                        <img src="https://res.youpin.mi-img.com/youpinoper/e846c536_4722_4812_b10f_c293f8f51032.png"
                            class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="https://res.youpin.mi-img.com/youpinoper/8fc49351_23f0_4a0f_83cc_9d029615377a.png"
                            class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="https://res.youpin.mi-img.com/youpinoper/35d11ed7_2d79_4e29_8580_7629a1fe5ecc.jpeg"
                            class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="https://res.youpin.mi-img.com/youpinoper/bd3928ac_8f98_4570_9f07_dae3a1600f0e.jpeg"
                            class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="https://res.youpin.mi-img.com/youpinoper/6d1e83b0_ec1c_4b15_851e_9f1fa381ba92.png"
                            class="d-block w-100" alt="...">
                    </div> -->
                </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </div>

        <!-- 正文区 -->
        <div class="content">
            <div class="content-frist ">

                <ul>
                    <li>
                        <img src="https://img.youpin.mi-img.com/jianyu/3b9f8b4e5a1639cafbb3be08cba9963a.png?w=126&h=126"
                            alt="">
                        <p>上新精选</p>
                    </li>
                    <li>
                        <img src="https://img.youpin.mi-img.com/jianyu/531253430ba83f5b88e4ae92cb5a197c.png?w=126&h=126"
                            alt="">
                        <p>小米众筹</p>
                    </li>
                    <li>
                        <img src="https://img.youpin.mi-img.com/jianyu/7a255e71670b9ef4a90723223265b5c5.png?w=126&h=126"
                            alt="">
                        <p>有品秒杀</p>
                    </li>
                    <li>
                        <img src="https://img.youpin.mi-img.com/jianyu/d5bb5c4a30f22e6d141d191bae80c70b.png?w=126&h=126"
                            alt="">
                        <p>有品生活+</p>
                    </li>
                    <li>
                        <img src="https://img.youpin.mi-img.com/jianyu/52ec26cccb4d945aa4bacac4ec7c4622.png?w=126&h=126"
                            alt="">
                        <p>小米自营</p>
                    </li>


                </ul>
            </div>
            <!-- 有品众筹 -->
            <div class="content-second">
                <div class="contemt-second-title">
                    <p>
                        <span class="ft">小米有品众筹</span>
                        <span>永远好奇 永远年轻</span>
                    </p>

                    <a href="##">更多<i class="iconfont icon-next"></i></a>
                </div>
                <ul>
                    <!-- <li>
                        <div class="se-cont cont1">
                            <img src="https://img.youpin.mi-img.com/shopmain/896537423a7b4240d041c655828f7361.png?w=800&h=800"
                                alt="">
                            <h3>全自动猫砂盆</h3>
                            <p>三重保护，自动铲屎，多种模式，...</p>
                            <div class="second-price"><span>￥</span>999</div>
                        </div>
                        <div class="progress" style="height: 2px;">
                            <div class="progress-bar  bg-warning" role="progressbar" style="width: 25%;"
                                aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <div class="pilun">
                            <p><span class="num">2260</span>
                                <span>人支持</span>
                                <span class="hot">热</span>
                            </p>

                            <span class="num2">226<i>%</i></span>
                        </div>
                    </li>
                    <li>
                        <div class="se-cont">
                            <img src="https://img.youpin.mi-img.com/shopmain/83963a0de8bd8469c9b3a1e95d81a6d0.png?w=800&h=800"
                                alt="">
                            <h3>北斗星智能集成灶</h3>
                            <div class="second-price"><span>￥</span>7999</div>
                        </div>
                        <div class="progress" style="height: 2px;">
                            <div class="progress-bar  bg-warning" role="progressbar" style="width: 25%;"
                                aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <div class="pilun">
                        <p><span class="num">2260</span>
                            <span>人支持</span>
                            <span class="hot">热</span>
                        </p>
                            <span class="num2">286<i>%</i></span>
                        </div>
                    </li>
                    <li>
                        <div class="se-cont">
                            <img src="https://img.youpin.mi-img.com/shopmain/83963a0de8bd8469c9b3a1e95d81a6d0.png?w=800&h=800"
                                alt="">
                            <h3>小适高速电吹风</h3>
                            <div class="second-price"><span>￥</span>399</div>
                        </div>
                        <div class="progress" style="height: 2px;">
                            <div class="progress-bar  bg-warning" role="progressbar" style="width: 25%;"
                                aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <div class="pilun">
                        <p><span class="num">2260</span>
                            <span>人支持</span>
                            <span class="hot">热</span>
                        </p>
                            <span class="num2">662<i>%</i></span>
                        </div>
                    </li> -->
                </ul>

            </div>
            <!-- 有品秒杀 -->
            <div class="content-third">
                <div class="contemt-second-title">
                    <div>
                        <span class="ft">有品秒杀</span>
                        <span>
                            <img src=""
                                alt="">
                            <!-- <i class="iconfont icon-naozhong1
"></i> -->

                        </span>
                        <span class="time"><span>12:00</span>场</span>
                        <div class="timedown">
                            <span class="time-item-home hour">19</span>
                            <span class="m-countdown-dot-home">:</span>
                            <span class="time-item-home minute">29</span>
                            <span class="m-countdown-dot-home">:</span>
                            <span class="time-item-home second">03</span>
                        </div>

                    </div>


                    <a href="##">更多<i class="iconfont icon-next"></i></a>
                </div>
                <div class="swiper-container swiper2">
                    <div class="swiper-wrapper seckill">
                        <!-- <li>
                                            <img src="https://img.youpin.mi-img.com/pic_square/101974_c2bd01b8850676d8b51d84d1c31b33f3.jpg"
                                                alt="">
                                            <div class="shoptitle">睿米无线吸尘器F8</div>
                                            <p class="price">
                                                <span>￥</span>
                                                <span class="newprice">899</span>
                                                <span class="flag">起</span>
                                                <span class="dol">￥</span>
                                                <span class="oldprice">1899</span></p>
                                        </li> -->
                    </div>
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>

                </div>

            </div>
            <!-- 每日新品 -->
            <div class="content-four">
                <div class="contemt-second-title">
                    <div>
                        <span class="ft">每日新品</span>
                        <span>永远好奇 永远年轻</span>

                    </div>

                    <a href="##">更多<i class="iconfont icon-next"></i></a>
                </div>
                <div class="swiper-container swiper3">
                    <div class="swiper-wrapper seckill-2">
                        <!-- <div class="swiper-slide">
                            <li>
                                <img src="https://img.youpin.mi-img.com/pic_square/101974_c2bd01b8850676d8b51d84d1c31b33f3.jpg"
                                    alt="">
                                <div class="shoptitle">睿米无线吸尘器F8</div>
                                <p class="desc">八重安全定位，7天长待机，可支...</p>
                                <p class="price">
                                    <span>￥</span>
                                    <span class="newprice">899</span>
                                  </p>
                            </li>
                        </div> -->

                    </div>


                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>


                </div>



            </div>
            <!-- 专属推荐 -->
            <div class="content-five">
                <div class="contemt-second-title">
                    <div>
                        <span class="ft">专属推荐</span>
                    </div>
                </div>
                <ul class="seckill-3">
                    <!-- <li>
                        <div class="img-top">
                            <img src="https://img.youpin.mi-img.com/shopmain/37047a3192d80e9060ce59c65b2d1133.png@base@tag=imgScale&F=webp&h=800&w=800?w=800&h=800"
                                alt="">
                            <p>可配度数，近视老花，双重防护...</p>
                            
                        </div>
                        <div class="detail">
                            <p class="tag-text"><img src="	https://img.youpin.mi-img.com/tag/88a022b209f64c8add817773c4d528f3.png?w=78&h=42
                                " alt=""></p>
                            <div class="shoptitle">睿米无线吸尘器F8</div>
                            <p class="price"><span>￥</span><span class="newprice">899</span><span class="flag">起</span></p>

` `

                        </div>
                        
                    </li> -->
                    <!--</li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li> -->
                </ul>
            </div>

            <!-- 版权和解释权 -->
            <div class="floot">
                <div class="connertain">

                    <div class="floot-connt">
                        <div class="floot-first">
                            <a href="">
                                <img src="https://www.xiaomiyoupin.com/static3/media/logo@2x.30cd8c00.png" alt="">
                            </a>
                        </div>
                        <div class="floot-second">
                            <p>©xiaomiyoupin.com 苏B2-20180351 苏ICP备18025642号-1<img
                                    src="https://www.xiaomiyoupin.com/static3/media/record-icon.0c577066.png"></img>苏公网安备
                                32010502010244号</p>
                            <p>企业名称：有品信息科技有限公司<span>关于我们</span><span>入驻有品</span> </p>
                            <p>小米有品平台运营主体变更公告</p>
                            <p>南京市建邺区白龙江东街8号3栋9层</p>

                        </div>
                        <div class="floot-third">
                            <img src="	https://www.xiaomiyoupin.com/static3/media/f-logo.76889756.png" alt=""
                                class="cx">
                        </div>

                    </div>

                </div>
            </div>

        </div>





        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
            crossorigin="anonymous"></script>

        <script src="../js/index.js"></script>
</body>

</html>